.knowledge-card {
  padding: 20px 0 16px;

  .head {
    display: flex;
    align-items: center;
    margin-bottom: 10px;

    .avatar {
      width: 38px;
      height: 38px;
      margin-right: 10px;
      border-radius: 50%;
    }

    .info {
      width: 200px;
      padding-right: 10px;
      margin-right: 20px;

      .name {
        color: var(--cp-text2);
      }

      .dep {
        color: var(--cp-tip);
        font-size: 12px;
      }
    }

    .button {
      padding: 0 12px;
      border-color: var(--cp-primary);
      color: var(--cp-primary);
      width: 72px;
      height: 28px;
      border-radius: 30px;
      font-size: 13px;
    }
  }

  .body {
    .title {
      font-size: 16px;
      margin-top: 8px;
      font-weight: normal;
    }

    .tag {
      margin-top: 6px;

      > span {
        color: var(--cp-primary);
        margin-right: 10px;
        font-size: 12px;
      }
    }

    .intro {
      margin-top: 7px;
      line-height: 2;
      color: var(--cp-text3);
    }

    .imgs {
      display: flex;
      justify-content: space-between;
      margin-top: 7px;

      .adm-image {
        width: 106px;
        height: 106px;

        .adm-image-img {
          width: 100%;
          height: 100%;
          margin-right: 12px;
          border-radius: 12px;
          overflow: hidden;

          &:last-child {
            margin-right: 0;
          }
        }
      }
    }

    .logs {
      margin-top: 10px;

      > span {
        color: var(--cp-tip);
        margin-right: 16px;
        font-size: 12px;
      }
    }
  }
}